<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的订单");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style>

	.tab li{
		min-width:120px;
		width:33.3%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:33.3%;
		padding: 5px 0px;
	}
	
	.orderitem>div{
		padding:10px 10px;
		border-bottom: 1px solid #eee; 
	}
	.orderitemtittle{
		color:#afafaf;
	}
	.ordermoney{
		color: red;
	}
	.orderno{
		color: red;
	}
	.orderok{
		color: #2196F3;
	}
</style>



<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>

<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active">
				<span>全部</span>
			</li>
			<li data-id="tab2" class="">
				<span>待支付</span>
			</li>
			<li data-id="tab3" class="">
				<span>已完成</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">
	<div class="tab-content active" id="tab1">
		<a href="<c:url value='/we/orderDetail' />">
			<div class="orderitem">
				<div>
					<span class="orderitemtittle">订单号：</span>
					<span>987680324-3540</span>
				</div>
				<div>
					<p>
						<span class="orderitemtittle">状&nbsp;&nbsp;&nbsp;态：</span>
						<!-- <span class="orderno">待支付</span> -->
						<span class="orderok">已完成</span>
					</p>
					<p>
						<span class="orderitemtittle">总&nbsp;&nbsp;&nbsp;价：</span>
					<span class="ordermoney"><span>￥</span>1234.0</span>
					</p>
				</div>			
				<div>
					<div>
						<span class="orderitemtittle">阳光保险</span>
					</div>
					<div>人身意外险</div>
				</div>
				<div style="width:100%;height:15px;background-color: #ebebeb;padding: 0px"></div>			
			</div>
		</a>
		<a href="<c:url value='/we/orderDetail' />">	
			<div class="orderitem">
				<div>
					<span class="orderitemtittle">订单号：</span>
					<span>987680324-3540</span>
				</div>
				<div>
					<p>
						<span class="orderitemtittle">状&nbsp;&nbsp;&nbsp;态：</span>
						<span class="orderno">待支付</span>
						<!-- <span class="orderok">已完成</span> -->
					</p>
					<p>
						<span class="orderitemtittle">总&nbsp;&nbsp;&nbsp;价：</span>
					<span class="ordermoney"><span>￥</span>1234.0</span>
					</p>
				</div>			
				<div>
					<div>
						<span class="orderitemtittle">阳光保险</span>
					</div>
					<div>人身意外险</div>
				</div>
				<div style="width:100%;height:15px;background-color: #ebebeb;padding: 0px"></div>			
			</div>	
		</a>
	</div>
	
	<div class="tab-content" id="tab2">
		暂无内容2	
	</div>
	
	<div class="tab-content" id="tab3">
		暂无内容3	
	</div>
</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>

<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>